﻿$(document).ready(function () {

        //Prepare jtable plugin
        $('#asuetos-aescolar').jtable({
            selecting: true,
            actions: {
                listAction: "/AEscolar/_Load_ListAsuetos",
                deleteAction: '/AEscolar/_Delete_ItemAsueto',
                updateAction: '/AEscolar/_Update_ItemAsueto',
                createAction: '/AEscolar/_New_ItemAsueto'
            },
            fields: {
                IDAsueto: {
                    key: true,
                    list: false,
                    create: false,
                    edit: false
                },
                FechaInicio: {
                    title: 'Fecha de Comienzo',
                    width: '100px'
                },
                FechaFinal: {
                    title: 'Fecha de Finalización',
                    width: '100px'
                },
                Descripcion: {
                    title: 'Descripción del dia de asueto',
                }
            },
            messages: {
                serverCommunicationError: 'Ocurrio un error al intentar comunicarse con el servidor.',
                loadingMessage: 'Cargando los registros...',
                noDataAvailable: '¡No se encontro ningun registro!',
                addNewRecord: '+ Agregar nuevo día de asueto',
                editRecord: 'Editar Registro',
                areYouSure: '¿Esta seguro de la operación?',
                deleteConfirmation: '¿Esta seguro que desea eliminar el registro?',
                save: 'Guardar',
                saving: 'Guardando',
                cancel: 'Cancelar',
                deleteText: 'Eliminar',
                deleting: 'Eliminando',
                error: 'Error',
                close: 'Cerrar',
                cannotLoadOptionsFor: 'No se pudo cargar las opciones del campo {0}',
                pagingInfo: 'Mostrando {0} de {1} de {2} registros',
                canNotDeletedRecords: 'No se puede eliminar {0} de {1} registros',
                deleteProggress: 'Eliminando {0} de {1} registros, Por favor espere...'
            },
            formCreated: function (event, data) {
                //Intentamos modificar y cambiar el formato de la fecha para presentarlo en el Form
                if (data.formType == 'edit') {
                    var FI = $.datepicker.parseDate('dd/M/yy', data.record.FechaInicio);
                    var FF = $.datepicker.parseDate('dd/M/yy', data.record.FechaFinal);
                    data.form.find('input[name="FechaInicio"]').val($.datepicker.formatDate('dd/mm/yy', FI));
                    data.form.find('input[name="FechaFinal"]').val($.datepicker.formatDate('dd/mm/yy', FF));
                }

                //Campo de Fecha de Inicio
                data.form.find('input[name="FechaInicio"]').addClass(
                  'validate[required,custom[date], funcCall[IsDate], funcCall[DateIsYearAnioEscolar]]');
                data.form.find('input[name="FechaInicio"]').addClass('datepicker');
                data.form.find('input[name="FechaInicio"]').attr("placeholder","dd/mm/aaaa");
                data.form.find('input[name="FechaInicio"]').addClass("datepick-control");
                //Campo de Fecha Finalizacion
                data.form.find('input[name="FechaFinal"]').addClass(
                  'validate[required,custom[date], funcCall[IsDate], funcCall[CompareDateMayorOrIgual], funcCall[DateIsYearAnioEscolar]]');
                data.form.find('input[name="FechaFinal"]').addClass('datepicker');
                data.form.find('input[name="FechaFinal"]').attr("placeholder","dd/mm/aaaa");
                data.form.find('input[name="FechaFinal"]').addClass("datepick-control");
                //Campo de Descripcion
                data.form.find('input[name="Descripcion"]').addClass(
                  'validate[required]');
                data.form.find('input[name="Descripcion"]').attr("maxlength","50")
                data.form.find('input[name="Descripcion"]').css("width","250px");
                data.form.validationEngine();
                ApplyDatePicker()
            },
            formSubmitting: function (event, data) {
                return data.form.validationEngine('validate');
            },
            formClosed: function (event, data) {
                data.form.validationEngine('hide');
                data.form.validationEngine('detach');
            },
            recordAdded: function(event, data) {
                $('#asuetos-aescolar').jtable('reload');
            },
            recordDeleted: function(event, data) {
                //$('#asuetos-aescolar').jtable('reload');
            }
        });

        //Load person list from server
        $('#asuetos-aescolar').jtable('load', {AE: AE});
    });
